<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<?php
	error_reporting(E_ALL);
	ini_set('display_errors', '1');
	include('DB.class.php');
	include('functions.php');
?>

<html>
    <head>
        <title>Praxisverwaltung</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="apple-touch-icon" href="logo.png"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />  
        <style type="text/css" media="screen">@import "jqtouch/jqtouch.css";</style>
        <style type="text/css" media="screen">@import "themes/apple/theme.css";</style>
        <style type="text/css" media="screen">@import "jqt.calendar.css";</style>
        <script src="jqtouch/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="jqtouch/jqtouch.js" type="application/x-javascript" charset="utf-8"></script>
        <script src="extensions/iscroll/iscroll.js" type="application/x-javascript" charset="utf-8"></script>
        <script src="jqt.calendar.js" type="application/x-javascript" charset="utf-8"></script>
        <script type='text/javascript' src="functions.js"></script>
        <script type="text/javascript" charset="utf-8">
            var jqtouch = $.jQTouch({
              activableSelector: '#jqt ul > li.arrow, #jqt ol > li.arrow',
              icon: 'mail.png'
            });

            $(function() {
              $('#calendar').getCalendar();
            });

            $(document).ready(function(){
              // initialize iscroll
              var KEY_ISCROLL_OBJ = 'iscroll_object';
              function refreshScroll($pane) {
                $pane.find('.s-scrollwrapper, .s-innerscrollwrapper').each(function (i, wrap) {
                  var $wrapper = $(wrap);
                  var scroll = $wrapper.data(KEY_ISCROLL_OBJ);
                  if (scroll !== undefined && scroll !== null) {
                    scroll.refresh();
                  }
                });
              }

              var generatedRows = 0;
              function loaded() {
                $("#jqt").children().each(function (i, pane) {
                  $(pane).find('.s-scrollwrapper, .s-innerscrollwrapper').each(function (i, wrap) {
                    var $wrapper = $(wrap);

                    var data = $wrapper.data(KEY_ISCROLL_OBJ);
                    if (data === undefined || data === null) {
                      var scroll;
                      var options = {};
                      if ($wrapper.hasClass("scrollrefresh")) {
                        options = {
                          pullToRefresh: "down",
                          onPullDown: function () {
                            setTimeout(function () {
                              var el, li, i;
                              el = $("#z-taskdue")[0];

                              for (i=0; i<3; i++) {
                                li = document.createElement('li');
                                li.innerText = 'Generated row ' + (++generatedRows);
                                el.insertBefore(li, el.childNodes[0]);
                              }

                              scroll.refresh(); // IMPORTANT!
                            }, 1000); // <-- Simulate network congestion, remove setTimeout from production!
                          }
                        };
                      }

                      scroll = new iScroll(wrap, options);
                      $wrapper.data(KEY_ISCROLL_OBJ, scroll);
                      scroll.refresh();
                    }
                  });
                  $(pane).bind('pageAnimationEnd', function(event, info) {
                    if (info.direction == 'in') {
                      refreshScroll($(this));
                    }
                  });
                });
                $(window).resize(function() {
                  $('#jqt > .current').each(function(i, one) {
                    refreshScroll($(one));
                  });
                });
              }

              loaded();

              setTimeout(function() {
                loaded();
                $(window).resize();

                setTimeout(function() {
                  $(window).resize();
                }, 1500);
              }, 50);
            });

            // Add an onload function
            $(function(){
                // Dynamically set next page titles after clicking certain links
                $('#home ul a').click(function(){
                    $( $(this).attr('href') + ' h1' ).html($(this).html());
                });
            });

            // Add an onload function
            $(function(){
                // Dynamically set next page titles after clicking certain links
                /*
                $('#messages ul li a').click(function(){
                    $($(this).attr('href') + ' h1').text($(this).text());
                }); */
                $('.pane ul li a').click(function(){
                  var $autotitle = $('.autotitle', this);
                  var t = $autotitle.text();
                  if (!!t && t.length > 0) {
                    $($(this).attr('href') + ' h1').text(t);
                  }
                });

                // auto fill back button text
                $('.pane ul li a').click(function(){
                  var $pane = $(this).parents('.pane');
                  var $h1 = $pane.find('.toolbar h1');

                  var $next = $($(this).attr('href'));
                  var $back = $next.find('.toolbar .back.autotext');

                  var h1 = $h1.text();
                  if (!!h1 && h1.length > 0) {
                    $back.text(h1);
                  } else {
                    $back.text('Back');
                  }
                });
            });

            $("#jqt #messages ul > li.arrow").live('tap', function() {
                jqtouch.goTo("#message", "slide");

                // auto fill back button text
                var $pane = $(this).parents('.pane');
                var $h1 = $pane.find('.toolbar h1');

                var $next = $("#message");
                var $back = $next.find('.toolbar .back.autotext');

                var h1 = $h1.text();
                if (!!h1 && h1.length > 0) {
                  $back.text(h1);
                } else {
                  $back.text('Back');
                }
            })
        </script>

    </head>
    <body onload="init()">
        <div id="jqt">


            <div id="home" class="pane" class="current">
                <div class="toolbar">
                    <h1>Praxisverwaltung</h1>
                    <a class="button slideup" href="#about">Info</a>
                </div>
                <form class="view">
                    <h1>Patienten</h1>
                    <ul class="rounded">
                      <li class="arrow"><a href="#patienten">Patienten</a><small class="counter">12</small></li>
                    </ul>
                    <h1>Rechnungen</h1>
                    <ul class="rounded">
                      <li class="arrow"><a href="#rechnungen">Rechnungen</a><small class="counter">5</small></li>
                    </ul>
                    <h1>Stammdaten</h1>
                    <ul class="rounded">
                      <li class="arrow"><a href="#aerzte">Ärzte</a></li>
                      <li class="arrow"><a href="#kostentraeger">Kostenträger</a></li>
                    </ul>
                </form>
            </div>

            <div id="about" class="selectable" align="center">
                    <br>
                    <p><h1>Praxisverwaltung</h1></p><br>
                    <p>Version 0.1 static prototype</p><br>
                    <p><a href="http://www.provisions.ch.com">By Provisions</a></p><br>
                    <p><em>Create powerful mobile apps with<br><b>just HTML, CSS, and jQuery.</b></em></p><br>
                    <p><a href="http://twitter.com/jqtouch" target="_blank">@jQTouch on Twitter</a></p><br><br>
                    <p><a href="#" class="whiteButton goback">Close</a></p>
            </div>





            <div id="rechnungen" class="pane">
                <div class="toolbar">
                    <h1>Rechnungen</h1>
                    <a class="back reverse slide" href="#home">Patientenverwaltung</a>
                    <a class="add slideup" href="#">Neu</a>
                </div>

                <form class="view">
                    <ul class="edgetoedge">
                      <li class="sep">Frisch <em>Susanne</em></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">03.04.2011</td><td width="90px">1'322.00</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">21.08.2011</td><td width="90px">1'623.40</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">13.11.2011</td><td width="90px">1'700.90</td><td width="90px"><FONT COLOR="#FF0000">Offen</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="sep">Guggenbühl <em>Peter</em></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">13.11.2011</td><td width="90px">1'700.90</td><td width="90px"><FONT COLOR="#FF0000">Offen</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="sep">Keppler <em>Jesephine</em></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">03.04.2011</td><td width="90px">1'322.00</td><td width="90px"><FONT COLOR="#0000FF">Abgelehnt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">21.08.2011</td><td width="90px">1'623.40</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">03.04.2011</td><td width="90px">1'322.00</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">21.08.2011</td><td width="90px">1'623.40</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="sep">Muster <em>Max</em></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">13.11.2011</td><td width="90px">1'700.90</td><td width="90px"><FONT COLOR="#FF0000">Offen</FONT></a></td></tr>
                        </table>
                      </a></li>
                    </ul>
                </form>

                <div class="bar">
                    <input type="radio" name="rechnungen" title="Alle" checked/>
                    <input type="radio" name="rechnungen" title="Offen" />
                    <input type="radio" name="rechnungen" title="Bezahlt" />
                    <input type="radio" name="rechnungen" title="Abgelehnt" />
                </div>
            </div>


            <div id="rechnung" class="pane">
                <div class="toolbar">
                    <h1>Rechnung</h1>
                    <a class="cancel reverse slide" href="#patient">Verordnung</a>
                    <a class="add fade" href="#rechnungBearbeiten">Bearbeiten</a>
                </div>
                <form class="view">
                    <ul class="rounded">
                      <li>
                         <label for="status">Rechnungsstatus</label>
                          <select id="status">
                                  <option value ="Neu" selected>Offen</option>
                                  <option value ="Angemeldet">Bezahlt</option>
                                  <option value ="Bewilligt">Abgelehnt</option>
                          </select>
                      </li>
                    </ul>


                    <ul class="rounded">
                      <li>
                        <table>
                          <tr><td width="130px"><p>Rechnungsdatum</p></td><td>13.11.2011</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="130px"><p>Rechnungsbetrag</p></td><td>1'700.90</td></tr>
                        </table>
                      </li>
                    </ul>


                    <h1>Verordnung</h1>
                    <ul class="rounded">
                      <li>
                        <table>
                          <tr><td width="90px"><p>Patient</p></td><td>Max Muster</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="90px"><p>Arzt</p></td><td>Max Bachmann</td></tr>
                          <tr><td><p>Datum</p></td><td>21.10.2011</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="90px"><p>Kostenträger</p></td><td>Concordia Luzern</td></tr>
                          <tr><td><p>Vers.-Nr.</p></td><td>123-225-588</td></tr>
                        </table>
                      </li>
                    </ul>


                    <h1>Behandlungen</h1>
                    <ul class="rounded">
                      <li>                      
                          <table>
                            <colgroup>
                              <col width="120px">
                              <col width="40px">
                              <col width="40px">
                              <col width="40px">
                              <col width="40px">
                              <col width="40px">
                            </colgroup>
                            <tr><td><p/>Datum</td><td><p/>7601</td><td><p/>7602</td><td><p/>7603</td><td><p/>7604</td><td><p/>km</td></tr>
                            <tr><td>28.02.2011</td><td>5</td><td>3</td><td></td><td></td><td>24</td></tr>
                            <tr><td>07.03.2011</td><td>5</td><td>3</td><td></td><td></td><td>24</td></tr>
                            <tr><td>14.03.2011</td><td>4</td><td>2</td><td></td><td></td><td>24</td></tr>
                            <tr><td>21.03.2011</td><td>5</td><td>2</td><td></td><td></td><td>24</td></tr>
                            <tr><td>28.03.2011</td><td>5</td><td>1</td><td></td><td></td><td>24</td></tr>
                            <tr><td>04.04.2011</td><td>4</td><td>2</td><td></td><td></td><td>24</td></tr>
                            <tr><td>11.04.2011</td><td>4</td><td>2</td><td></td><td></td><td>24</td></tr>
                            <tr><td>18.04.2011</td><td>4</td><td>3</td><td></td><td></td><td>24</td></tr>
                            <tr><td>25.04.2011</td><td>5</td><td>3</td><td></td><td></td><td>24</td></tr>
                          </table>
                      </li>
                    </ul>


                    <h1>Hilfsmittel</h1>
                    <ul class="rounded">
                      <li>                      
                          <table>
                            <tr><td width="240px"><p/>Was</td><td align="right" width="80px"><p/>Preis</td></tr>
                            <tr><td>Schiene</td><td align="right">247.00</td></tr>
                            <tr><td>Therapieknete</td><td align="right">13.60</td></tr>
                          </table>
                      </li>
                    </ul>


                </form>  
            </div>







            <div id="rechnungen_old" class="pane">
                <div class="toolbar">
                    <h1>Calendar</h1>
                </div>
                <div id="calendar">
                  <ul>
                    <li><time datetime="2012-02-10T16:00Z">Frau Mueller</time></li>
                    <li><time datetime="2012-02-10T02:00Z">Max Muster</time></li>
                  </ul>
                </div>
            </div>






            <div id="patienten" class="pane">
                <div class="toolbar">
                    <h1>Patienten</h1>
                    <a class="back reverse slide" href="#home">Patientenverwaltung</a>
                    <a class="add slideup" href="#patientNeu">Neu</a>
                </div>
                    <div class="view">
                    

                        <ul class="edgetoedge childrenactivable">
                        <?php
							$patients = DB::getInstance()->getPatientValues();
							
							$firstCharacter = '';
							foreach($patients as $patient){
                                $patientNachname = $patient[2];
								if(substr($patientNachname, 0, 1)!= $firstCharacter){
									echo "<li class='sep'>" . substr($patientNachname, 0, 1) . "</li>";
								}
								$firstCharacter = substr($patientNachname, 0, 1);
								echo "<li class='arrow' style='background-color:rgb(160,255,160);'><a href='#patient' onclick='get_patient(" . $patient[0] . ")'>" . $patient[2]. " <em>". $patient[1] . " (id=" . $patient[0] . ")</em></a><p>" . $patient[4] . " " . $patient[5] . "</p></li>";
							}
						?>
                        </ul>
                    </div>
                <div class="bar">
                    <input type="radio" name="patienten" title="Alle" checked/>
                    <input type="radio" name="patienten" title="Aktiv" />
                    <input type="radio" name="patienten" title="Inaktiv" />
                </div>
            </div>


            <div id="patientenAuswahl" class="pane">
                <div class="toolbar">
                    <h1>Patienten</h1>
                    <a class="cancel reverse slide" href="#verordnungNeu">Abbrechen</a>
                </div>
                    <div class="view">
                        <ul class="edgetoedge childrenactivable">
                            <li class="sep">B</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Bachmann <em>Max</em></a><p>8718 Schänis</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Bucher <em>Simone</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">F</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Frisch <em>Susanne</em></a><p>8873 Amden</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Fritze <em>Patrick</em></a><p>8872 Weesen</p></li>
                            <li class="sep">G</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Guggenbühl <em>Peter</em></a><p>8880 Walenstadt</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Giovolo <em>Tim</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">H</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Hauswarth <em>Kurt</em></a><p>8752 Näfels</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Hauswirth <em>Ludwig</em></a><p>8752 Näfels</p></li>
                            <li class="sep">K</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Keppler <em>Jesephine</em></a><p>8718 Schänis</p></li>
                            <li class="sep">L</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Lautermann <em>Thomas</em></a><p>8750 Glarus</p></li>
                            <li class="sep">M</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Malic <em>Kordan</em></a><p>8752 Näfels</p></li>
                            <li class="sep">O</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Ollenbach <em>Siegfried</em></a><p>8752 Näfels</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Oppenheimer <em>Wilfried</em></a><p>8737 Gommiswald</p></li>
                            <li class="sep">S</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Staffelbach <em>Karin</em></a><p>8853 Lachen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Summer <em>John</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">W</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Wirz <em>Helene</em></a><p>8856 Tuggen</p></li>
                            <li class="sep">Z</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Zarathustra <em>Armin</em></a><p>8750 Glarus</p></li>
                        </ul>
                    </div>
            </div>








            <div id="aerzte" class="pane">
                <div class="toolbar">
                    <h1>Ärzte</h1>
                    <a class="back reverse slide" href="#home">Patientenverwaltung</a>
                    <a class="add slideup" href="#arztNeu">Neu</a>
                </div>
                    <div class="view">
                        <ul class="edgetoedge childrenactivable">
                            <li class="sep">B</li>
                            <li class="arrow"><a href="#arzt">Baumann <em>Stefan</em></a><p>8718 Schänis</p></li>
                            <li class="arrow"><a href="#arzt">Bendel <em>Martin</em></a><p>8867 Niederurnen</p></li>
                            <li class="arrow"><a href="#arzt">Bühler <em>Alphons</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">D</li>
                            <li class="arrow"><a href="#arzt">Departement Bildung und Kultur, <em>Schulpsychologischer Dienst</em></a><p>8750 Glarus</p></li>
                            <li class="sep">F</li>
                            <li class="arrow"><a href="#arzt">Feurer <em>Christian</em></a><p>8872 Weesen</p></li>
                            <li class="arrow"><a href="#arzt">Fürer <em>Leo</em></a><p>8873 Amden</p></li>
                            <li class="sep">G</li>
                            <li class="arrow"><a href="#arzt">Gemeinde Glarus, <em>Logopädischer Dienst</em></a><p>8750 Glarus</p></li>
                            <li class="arrow"><a href="#arzt">Ghioldi <em>Elvira</em></a><p>8880 Walenstadt</p></li>
                            <li class="arrow"><a href="#arzt">Guggenbühl <em>Regula</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">H</li>
                            <li class="arrow"><a href="#arzt">Hauser <em>Roman</em></a><p>8752 Näfels</p></li>
                            <li class="arrow"><a href="#arzt">Hauswirth <em>Ludwig</em></a><p>8752 Näfels</p></li>
                            <li class="arrow"><a href="#arzt">Heilpädagogischer Dienst St. Gallen-Glarus, <em></em></a><p>8866 Ziegelbrücke</p></li>
                            <li class="sep">K</li>
                            <li class="arrow"><a href="#arzt">Kantonsspital Glarus, <em>Ergotherapie</em></a><p>8750 Glarus</p></li>
                            <li class="arrow"><a href="#arzt">Kantonsspital Glarus, <em>Chirurgie</em></a><p>8750 Glarus</p></li>
                            <li class="arrow"><a href="#arzt">Kinder- & Jugendpsych. Dienste St. Gallen, <em>Regionalstelle Uznach</em></a><p>8730 Uznach</p></li>
                            <li class="arrow"><a href="#arzt">Koch <em>Kurt Willi</em></a><p>8718 Schänis</p></li>
                            <li class="sep">L</li>
                            <li class="arrow"><a href="#arzt">Lütschg <em>Jakob</em></a><p>8750 Glarus</p></li>
                            <li class="sep">M</li>
                            <li class="arrow"><a href="#arzt">Marti <em>Matthias</em></a><p>8752 Näfels</p></li>
                            <li class="sep">N</li>
                            <li class="arrow"><a href="#arzt">Niemann <em>Clemens</em></a><p>8730 Uznach</p></li>
                            <li class="sep">O</li>
                            <li class="arrow"><a href="#arzt">Ochsenbein <em>René</em></a><p>8752 Näfels</p></li>
                            <li class="arrow"><a href="#arzt">Oesch <em>Wilfried</em></a><p>8737 Gommiswald</p></li>
                            <li class="sep">P</li>
                            <li class="arrow"><a href="#arzt">Psychiatrie-Zentrum Linthgebiet, <em></em></a><p>8730 Uznach</p></li>
                            <li class="sep">R</li>
                            <li class="arrow"><a href="#arzt">Rheinburg-Klinik, <em>Ergotherapie</em></a><p>9428 Walzenhausen</p></li>
                            <li class="arrow"><a href="#arzt">Reha-Klinik Walenstadtberg, <em></em></a><p>8881 Knoblisbühl</p></li>
                            <li class="sep">S</li>
                            <li class="arrow"><a href="#arzt">Schramedei <em>Rainer</em></a><p>8853 Lachen</p></li>
                            <li class="arrow"><a href="#arzt">Slongo <em>Rodolfo</em></a><p>8867 Niederurnen</p></li>
                            <li class="arrow"><a href="#arzt">Spital Lachen, <em></em></a><p>8853 Lachen</p></li>
                            <li class="arrow"><a href="#arzt">Spital Linth, <em>Ergotherapie</em></a><p>8730 Uznach</p></li>
                            <li class="arrow"><a href="#arzt">Spital Linth, <em>Chirurgie</em></a><p>8730 Uznach</p></li>
                            <li class="arrow"><a href="#arzt">Spital Linth, <em>Chirurgie</em></a><p>8730 Uznach</p></li>
                            <li class="arrow"><a href="#arzt">Stüssi <em>Yann</em></a><p>8750 Glarus</p></li>
                            <li class="sep">W</li>
                            <li class="arrow"><a href="#arzt">Wyrsch <em>Jürg</em></a><p>8856 Tuggen</p></li>
                            <li class="sep">Z</li>
                            <li class="arrow"><a href="#arzt">Zweifel <em>Hansueli</em></a><p>8750 Glarus</p></li>
                        </ul>
                    </div>
            </div>


            <div id="aerzteAuswahl" class="pane">
                <div class="toolbar">
                    <h1>Ärzte</h1>
                    <a class="cancel reverse slide" href="#verordnungNeu">Abbrechen</a>
                </div>
                    <div class="view">
                        <ul class="edgetoedge childrenactivable">
                            <li class="sep">B</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Baumann <em>Stefan</em></a><p>8718 Schänis</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Bendel <em>Martin</em></a><p>8867 Niederurnen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Bühler <em>Alphons</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">D</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Departement Bildung und Kultur, <em>Schulpsychologischer Dienst</em></a><p>8750 Glarus</p></li>
                            <li class="sep">F</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Feurer <em>Christian</em></a><p>8872 Weesen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Fürer <em>Leo</em></a><p>8873 Amden</p></li>
                            <li class="sep">G</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Gemeinde Glarus, <em>Logopädischer Dienst</em></a><p>8750 Glarus</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Ghioldi <em>Elvira</em></a><p>8880 Walenstadt</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Guggenbühl <em>Regula</em></a><p>8867 Niederurnen</p></li>
                            <li class="sep">H</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Hauser <em>Roman</em></a><p>8752 Näfels</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Hauswirth <em>Ludwig</em></a><p>8752 Näfels</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Heilpädagogischer Dienst St. Gallen-Glarus, <em></em></a><p>8866 Ziegelbrücke</p></li>
                            <li class="sep">K</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Kantonsspital Glarus, <em>Ergotherapie</em></a><p>8750 Glarus</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Kantonsspital Glarus, <em>Chirurgie</em></a><p>8750 Glarus</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Kinder- & Jugendpsych. Dienste St. Gallen, <em>Regionalstelle Uznach</em></a><p>8730 Uznach</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Koch <em>Kurt Willi</em></a><p>8718 Schänis</p></li>
                            <li class="sep">L</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Lütschg <em>Jakob</em></a><p>8750 Glarus</p></li>
                            <li class="sep">M</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Marti <em>Matthias</em></a><p>8752 Näfels</p></li>
                            <li class="sep">N</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Niemann <em>Clemens</em></a><p>8730 Uznach</p></li>
                            <li class="sep">O</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Ochsenbein <em>René</em></a><p>8752 Näfels</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Oesch <em>Wilfried</em></a><p>8737 Gommiswald</p></li>
                            <li class="sep">P</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Psychiatrie-Zentrum Linthgebiet, <em></em></a><p>8730 Uznach</p></li>
                            <li class="sep">R</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Rheinburg-Klinik, <em>Ergotherapie</em></a><p>9428 Walzenhausen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Reha-Klinik Walenstadtberg, <em></em></a><p>8881 Knoblisbühl</p></li>
                            <li class="sep">S</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Schramedei <em>Rainer</em></a><p>8853 Lachen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Slongo <em>Rodolfo</em></a><p>8867 Niederurnen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Spital Lachen, <em></em></a><p>8853 Lachen</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Spital Linth, <em>Ergotherapie</em></a><p>8730 Uznach</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Spital Linth, <em>Chirurgie</em></a><p>8730 Uznach</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Spital Linth, <em>Chirurgie</em></a><p>8730 Uznach</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Stüssi <em>Yann</em></a><p>8750 Glarus</p></li>
                            <li class="sep">W</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Wyrsch <em>Jürg</em></a><p>8856 Tuggen</p></li>
                            <li class="sep">Z</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Zweifel <em>Hansueli</em></a><p>8750 Glarus</p></li>
                        </ul>
                    </div>
            </div>








            <div id="kostentraeger" class="pane">
                <div class="toolbar">
                    <h1>Kostenträger</h1>
                    <a class="back reverse slide" href="#home">Patientenverwaltung</a>
                    <a class="add slideup" href="#kostentraegerNeu">Neu</a>
                </div>
                    <div class="view">
                        <ul class="edgetoedge childrenactivable">
                            <li class="sep">A</li>
                            <li class="arrow"><a href="#kostentraegerAnzeigen">Atupri Gesundheitskasse</a><p>8867 Glarus</p></li>
                            <li class="arrow"><a href="#kostentraegerAnzeigen">Avanex Group AG, <em>Abteilung Näfels</em></a><p>8752 Näfels</p></li>
                            <li class="sep">C</li>
                            <li class="arrow"><a href="#kostentraegerAnzeigen">Concordia Glarus</a><p>8718 Schänis</p></li>
                            <li class="sep">I</li>
                            <li class="arrow"><a href="#kostentraegerAnzeigen">IV St. Gallen, <em>Abteilung Soziale Dienste</em></a><p>8873 Amden</p></li>
                            <li class="arrow"><a href="#kostentraegerAnzeigen">IV Glarus</a><p>8880 Walenstadt</p></li>
                        </ul>
                    </div>
            </div>
            

            <div id="kostentraegerAuswahl" class="pane">
                <div class="toolbar">
                    <h1>Kostenträger</h1>
                    <a class="cancel reverse slide" href="#verordnungNeu">Abbrechen</a>
                </div>
                    <div class="view">
                        <ul class="edgetoedge childrenactivable">
                            <li class="sep">A</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Atupri Gesundheitskasse</a><p>8867 Glarus</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">Avanex Group AG, <em>Abteilung Näfels</em></a><p>8752 Näfels</p></li>
                            <li class="sep">C</li>
                            <li><a class="reverse slide" href="#verordnungNeu">Concordia Glarus</a><p>8718 Schänis</p></li>
                            <li class="sep">I</li>
                            <li><a class="reverse slide" href="#verordnungNeu">IV St. Gallen, <em>Abteilung Soziale Dienste</em></a><p>8873 Amden</p></li>
                            <li><a class="reverse slide" href="#verordnungNeu">IV Glarus</a><p>8880 Walenstadt</p></li>
                        </ul>
                    </div>
            </div>








            <div id="patient" class="pane" class="current">
                <div class="toolbar">
                    <h1>Patient</h1>
                    <a class="cancel reverse slide" href="#patienten">Patienten</a>
                    <a class="add fade" href="#patientBearbeiten">Bearbeiten</a>
                </div>
                <form class="view">
                    <h1>Patientendaten</h1>
                    
                    
                    
                    <ul class="rounded">
                      <li>
                        <div id="txtHint"></div>
                      </li>
                      <li>
                        <table>
                          <tr><td width="60px"><p>Privat</p></td><td>055 610 10 10</td></tr>
                          <tr><td><p>Mobil</p></td><td>079 746 53 23</td></tr>
                          <tr><td><p>E-Mail</p></td><td>max.muster@gmx.ch</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="100px"><p>Geburtsdatum</p></td><td>31.10.2001</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td><p>Notizen</p></td></tr>
                          <tr><td>Kind</td></tr>
                        </table>
                      </li>
                    </ul>

                    <h1>Verordnungen</h1>
                    <ul class="rounded">
                      <li class="arrow childrenactivable">
                        <a href="#verordnung">
                          <table>
                            <tr><td width="90px"><p>Status</p></td><td>Abgeschlossen</td></tr>
                            <tr><td><p>Arzt</p></td><td>Baumann, Stephan</td></tr>
                            <tr><td><p>Datum</p></td><td>03.01.2011</td></tr>
                            <tr><td><p>Kostenträger</p></td><td>Avanex Glarus</td></tr>
                          </table>
                        </a>
                      </li>
                      <li class="arrow childrenactivable">
                        <a href="#verordnung">
                          <table>
                            <tr><td width="90px"><p>Status</p></td><td><FONT COLOR="#FF0000">Abgelehnt</FONT></td></tr>
                            <tr><td><p>Arzt</p></td><td>Baumann, Stephan</td></tr>
                            <tr><td><p>Datum</p></td><td>12.05.2011</td></tr>
                            <tr><td><p>Kostenträger</p></td><td>Concordia Glarus</td></tr>
                          </table>
                        </a>
                      </li>
                      <li class="arrow childrenactivable">
                        <a href="#verordnung">
                          <table>
                            <tr><td width="90px"><p>Status</p></td><td><FONT COLOR="#00FF00">Bewilligt</FONT></td></tr>
                            <tr><td><p>Arzt</p></td><td>Baumann, Stephan</td></tr>
                            <tr><td><p>Datum</p></td><td>12.09.2011</td></tr>
                            <tr><td><p>Kostenträger</p></td><td>Concordia Glarus</td></tr>
                          </table>
                        </a>
                      </li>
                    </ul>

                    <ul class="rounded">
                      <li class="arrow childrenactivable"><a href="#verordnungNeu">Neue Verordnung</a></li>
                    </ul>
                </form>  
            </div>


            <form id="patientBearbeiten">
                <div class="toolbar">
                    <h1>Bearbeiten</h1>
                    <a class="cancel reverse fade" href="#patient">Abbrechen</a>
                    <a class="done reverse fade" href="#patient">Fertig</a>
                </div>
                <div class="view">
                  <ul class="edit rounded">
                    <li><label for="vorname">Vorname</label><input type="text" value="Max" placeholder="<Vorname>"/></li>
                    <li><label for="nachname">Nachname</label><input type="text" value="Muster" placeholder="<Nachname>"/></li>
                    <li><label for="plz">PLZ</label><input type="text" value="9000" placeholder="<PLZ>"/></li>
                    <li><label for="ort">Ort</label><input type="text" value="Musterstrasse 99" placeholder="<Strasse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="telefonPrivat">Tel. Privat</label><input type="tel" value="055 610 10 10" placeholder="<Telefon Privat>"/></li>
                    <li><label for="telefonArbeit">Tel. Arbeit</label><input type="tel" value="" placeholder="<Telefon Arbeit>"/></li>
                    <li><label for="telefonMobil">Tel. Mobil</label><input type="tel" value="079 746 53 23" placeholder="<Telefon Mobil>"/></li>
                    <li><label for="email">E-Mail</label><input type="email" value="max.muster@gmx.ch" placeholder="<E-Mailadresse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="geburtsdatum">Geburtsdatum</label><input type="date" value="31.10.2001" placeholder="<Geburtsdatum>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li class="noflex"><label for="notizen">Notizen</label><textarea id="notizen" placeholder="<Notizen>">Kind</textarea></li>
                  </ul>
              </div>

            </form>


            <form id="patientNeu">
                <div class="toolbar">
                    <h1>Neu</h1>
                    <a class="cancel reverse slideup" href="#patienten">Abbrechen</a>
                    <a class="done reverse fade" href="#patient">Fertig</a>
                </div>
                <div class="view">
                  <ul class="edit rounded">
                    <li><label for="vorname">Vorname</label><input type="text" placeholder="<Vorname>"/></li>
                    <li><label for="nachname">Nachname</label><input type="text" placeholder="<Nachname>"/></li>
                    <li><label for="strasse">Strasse</label><input type="text" placeholder="<Strasse>"/></li>
                    <li><label for="plz">PLZ</label><input type="text" placeholder="<PLZ>"/></li>
                    <li><label for="ort">Ort</label><input type="text" placeholder="<Strasse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="telefonPrivat">Tel. Privat</label><input type="tel" placeholder="<Telefon Privat>"/></li>
                    <li><label for="telefonArbeit">Tel. Arbeit</label><input type="tel" placeholder="<Telefon Arbeit>"/></li>
                    <li><label for="telefonMobil">Tel. Mobil</label><input type="tel" placeholder="<Telefon Mobil>"/></li>
                    <li><label for="email">E-Mail</label><input type="email" placeholder="<E-Mailadresse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="geburtsdatum">Geburtsdatum</label><input type="date" placeholder="<Geburtsdatum>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li class="noflex"><label for="notizen">Notizen</label><textarea id="notizen" placeholder="<Notizen>"></textarea></li>
                  </ul>
                </div>
            </form>








            <div id="arzt" class="pane" class="current">
                <div class="toolbar">
                    <h1>Details</h1>
                    <a class="cancel reverse slide" href="#aerzte">Ärzte</a>
                    <a class="add fade" href="#arztBearbeiten">Bearbeiten</a>
                </div>
                <div class="s-scrollwrapper contentwrap">
                  <div class="s-scrollpane">

                    <ul class="rounded">
                      <li>
                        <table>
                          <tr><td width="60px"><p>Anschrift</p></td><td>Dr. med. Rico Micheroli</td></tr>
                          <tr><td><p>Adresse</p></td><td>Kirchstrasse 9</td></tr>
                          <tr><td><p></p></td><td>8750 Glarus</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="60px"><p>Arbeit</p></td><td>055 640 69 02</td></tr>
                          <tr><td><p>Fax</p></td><td>055 640 80 76</td></tr>
                        </table>
                      </li>
                      <li>
                        <p>Notizen</p>Richtung: Kinder, Praxisbezeichnung: Spez'arzt Kinder- u. Jugendpsychiatrie Psychotherapie FMH
                      </li>
                    </ul>

                  </div>
                </div>
            </div>


            <form id="arztBearbeiten">
                <div class="toolbar">
                    <h1>Bearbeiten</h1>
                    <a class="cancel reverse fade" href="#arzt">Abbrechen</a>
                    <a class="done reverse fade" href="#arzt">Fertig</a>
                </div>
                <div class="view">
                  <ul class="edit rounded">
                    <li><label for="titel">Titel</label><input type="text" value="Dr. med." placeholder="<Titel>"/></li>
                    <li><label for="vorname">Vorname</label><input type="text" value="Rico" placeholder="<Vorname>"/></li>
                    <li><label for="nachname">Nachname</label><input type="text" value="Micheroli" placeholder="<Nachname>"/></li>
                    <li><label for="institut">Institut</label><input type="text" value="" placeholder="<Name>"/></li>
                    <li><label for="abteilung">Abteilung</label><input type="text" value="" placeholder="<Abteilung>"/></li>
                  </ul>
                  <ul class="edit rounded">
                    <li><label for="strasse">Strasse</label><input type="text" value="Kirchstrasse 9" placeholder="<Strasse>"/></li>
                    <li><label for="plz">PLZ</label><input type="text" value="8750" placeholder="<PLZ>"/></li>
                    <li><label for="ort">Ort</label><input type="text" value="Glarus" placeholder="<Ort>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="telefonArbeit">Tel. Arbeit</label><input type="tel" value="055 640 69 02" placeholder="<Telefon Arbeit>"/></li>
                    <li><label for="telefonFax">Fax</label><input type="tel" value="055 640 80 76" placeholder="<Fax>"/></li>
                    <li><label for="email">E-Mail</label><input type="email" value="" placeholder="<E-Mailadresse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="ksknummer">KSK-Nummer</label><input type="text" value="" placeholder="<KSK-Nummer>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li class="noflex"><label for="notizen">Notizen</label><textarea id="notizen" placeholder="<Notizen>">Richtung: Kinder, Praxisbezeichnung: Spez'arzt Kinder- u. Jugendpsychiatrie Psychotherapie FMH</textarea></li>
                  </ul>
                </div>
            </form>


            <form id="arztNeu">
                <div class="toolbar">
                    <h1>Neu</h1>
                    <a class="cancel reverse slideup" href="#aerzte">Abbrechen</a>
                    <a class="done reverse fade" href="#arzt">Fertig</a>
                </div>
                <div class="view">
                  <ul class="edit rounded">
                    <li><label for="titel">Titel</label><input type="text" placeholder="<Titel>"/></li>
                    <li><label for="vorname">Vorname</label><input type="text" placeholder="<Vorname>"/></li>
                    <li><label for="nachname">Nachname</label><input type="text" placeholder="<Nachname>"/></li>
                    <li><label for="institut">Institut</label><input type="text" placeholder="<Name>"/></li>
                    <li><label for="abteilung">Abteilung</label><input type="text" placeholder="<Abteilung>"/></li>
                  </ul>
                  <ul class="edit rounded">
                    <li><label for="strasse">Strasse</label><input type="text" placeholder="<Strasse>"/></li>
                    <li><label for="plz">PLZ</label><input type="text" placeholder="<PLZ>"/></li>
                    <li><label for="ort">Ort</label><input type="text" placeholder="<Strasse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="telefonArbeit">Tel. Arbeit</label><input type="tel" placeholder="<Telefon Arbeit>"/></li>
                    <li><label for="telefonFax">Fax</label><input type="tel" placeholder="<Fax>"/></li>
                    <li><label for="email">E-Mail</label><input type="email" placeholder="<E-Mailadresse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="ksknummer">KSK-Nummer</label><input type="text" placeholder="<KSK-Nummer>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li class="noflex"><label for="notizen">Notizen</label><textarea id="notizen" placeholder="<Notizen>"></textarea></li>
                  </ul>
                </div>
            </form>








            <div id="kostentraegerAnzeigen" class="pane" class="current">
                <div class="toolbar">
                    <h1>Details</h1>
                    <a class="cancel reverse slide" href="#kostentraeger">Kostentraeger</a>
                    <a class="add fade" href="#kostentraegerBearbeiten">Bearbeiten</a>
                </div>
                <div class="s-scrollwrapper contentwrap">
                  <div class="s-scrollpane">

                    <ul class="rounded">
                      <li>
                        <table>
                          <tr><td width="60px"><p>Anschrift</p></td><td>XUNDHEIT</td></tr>
                          <tr><td><p></p></td><td>Die Gesundheitskasse der Sympany Gruppe</td></tr>
                          <tr><td><p>Adresse</p></td><td>Pilatusstrasse 26</td></tr>
                          <tr><td><p></p></td><td>6003 Luzern</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="60px"><p>Arbeit</p></td><td>041 220 02 20</td></tr>
                        </table>
                      </li>
                    </ul>

                  </div>
                </div>
            </div>


            <form id="kostentraegerBearbeiten">
                <div class="toolbar">
                    <h1>Bearbeiten</h1>
                    <a class="cancel reverse fade" href="#kostentraegerAnzeigen">Abbrechen</a>
                    <a class="done reverse fade" href="#kostentraegerAnzeigen">Fertig</a>
                </div>
                <div class="view">
                  <ul class="edit rounded">
                    <li><label for="anschrift1">Anschrift 1</label><input type="text" value="XUNDHEIT" placeholder="<Anschrift 1>"/></li>
                    <li><label for="anschrift2">Anschrift 2</label><input type="text" value="Die Gesundheitskasse der Sympany Gruppe" placeholder="<Anschrift 2>"/></li>
                  </ul>
                  <ul class="edit rounded">
                    <li><label for="strasse">Strasse</label><input type="text" value="Pilatusstrasse 26" placeholder="<Strasse>"/></li>
                    <li><label for="plz">PLZ</label><input type="text" value="6003" placeholder="<PLZ>"/></li>
                    <li><label for="ort">Ort</label><input type="text" value="Luzern" placeholder="<Ort>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="telefonArbeit">Tel. Arbeit</label><input type="tel" value="041 220 02 20" placeholder="<Telefon Arbeit>"/></li>
                    <li><label for="telefonFax">Fax</label><input type="tel" value="" placeholder="<Fax>"/></li>
                    <li><label for="email">E-Mail</label><input type="email" value="" placeholder="<E-Mailadresse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li class="noflex"><label for="notizen">Notizen</label><textarea value="" id="notizen" placeholder="<Notizen>"></textarea></li>
                  </ul>
                </div>
            </form>


            <form id="kostentraegerNeu">
                <div class="toolbar">
                    <h1>Neu</h1>
                    <a class="cancel reverse fade" href="#kostentraegerAnzeigen">Abbrechen</a>
                    <a class="done reverse fade" href="#kostentraegerAnzeigen">Fertig</a>
                </div>
                <div class="view">
                  <ul class="edit rounded">
                    <li><label for="anschrift1">Anschrift 1</label><input type="text" value="" placeholder="<Anschrift 1>"/></li>
                    <li><label for="anschrift2">Anschrift 2</label><input type="text" value="" placeholder="<Anschrift 2>"/></li>
                  </ul>
                  <ul class="edit rounded">
                    <li><label for="strasse">Strasse</label><input type="text" value="" placeholder="<Strasse>"/></li>
                    <li><label for="plz">PLZ</label><input type="text" value="" placeholder="<PLZ>"/></li>
                    <li><label for="ort">Ort</label><input type="text" value="" placeholder="<Ort>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li><label for="telefonArbeit">Tel. Arbeit</label><input type="tel" value="" placeholder="<Telefon Arbeit>"/></li>
                    <li><label for="telefonFax">Fax</label><input type="tel" value="" placeholder="<Fax>"/></li>
                    <li><label for="email">E-Mail</label><input type="email" value="" placeholder="<E-Mailadresse>"/></li>
                  </ul>

                  <ul class="edit rounded">
                    <li class="noflex"><label for="notizen">Notizen</label><textarea value="" id="notizen" placeholder="<Notizen>"></textarea></li>
                  </ul>
                </div>
            </form>






            <div id="verordnung" class="pane" class="current">
                <div class="toolbar">
                    <h1>Verordnung</h1>
                    <a class="cancel reverse slide" href="#patient">Patient</a>
                    <a class="add fade" href="#verordnungBearbeiten">Bearbeiten</a>
                </div>
                <form class="view">
                    <ul class="rounded">
                      <li>
                         <label for="status">Verordnungsstatus</label>
                          <select id="status">
                              <optgroup label="Aktiv">
                                  <option value ="Neu" selected>Neu</option>
                                  <option value ="Angemeldet">Angemeldet</option>
                                  <option value ="Bewilligt">Bewilligt</option>
                              </optgroup>
                              <optgroup label="Inaktiv">
                                  <option value ="Abgelehnt">Abgelehnt</option>
                                  <option value ="Abgebrochen">Abgebrochen</option>
                                  <option value ="Abgeschlossen">Abgeschlossen</option>
                              </optgroup>
                          </select>
                      </li>
                    </ul>


                    <ul class="rounded">
                      <li>
                        <table>
                          <tr><td width="90px"><p>Patient</p></td><td>Max Muster</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="90px"><p>Arzt</p></td><td>Max Bachmann</td></tr>
                          <tr><td><p>Datum</p></td><td>21.10.2011</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="90px"><p>Kostenträger</p></td><td>Concordia Luzern</td></tr>
                          <tr><td><p>Vers.-Nr.</p></td><td>123-225-588</td></tr>
                        </table>
                      </li>
                    </ul>


                    <ul class="rounded">
                      <li>
                        <table>
                          <tr><td><p>Anzahl Behandlungen</p></td><td>3 x 9 Beh.</td></tr>
                          <tr><td><p>Zusätzliche Serie absehbar</p></td><td>Ja</td></tr>
                          <tr><td width="170px"><p>Verordnungsgrund</p></td><td>Krankheit</td></tr>
                        </table>
                      </li>
                      <li>
                        <table>
                          <tr><td width="70px"><p>Diagnose</p></td><td>ADHS</td></tr>
                        </table>
                      </li>
                    </ul>

                    <h1>Rechnungen</h1>
                    <ul class="rounded arrow">

                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">03.04.2011</td><td width="90px">1'322.00</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">21.08.2011</td><td width="90px">1'623.40</td><td width="90px"><FONT COLOR="#00FF00">Bezahlt</FONT></a></td></tr>
                        </table>
                      </a></li>
                      <li class="arrow childrenactivable"><a href="#rechnung">
                        <table>
                          <tr><td width="95px">13.11.2011</td><td width="90px">1'700.90</td><td width="90px"><FONT COLOR="#FF0000">Offen</FONT></a></td></tr>
                        </table>
                      </a></li>
                      </ul>

                    <ul class="rounded">
                      <li class="arrow childrenactivable"><a href="#">Neue Rechnung</a></li>
                    </ul>

                </form>  
            </div>



            <div id="verordnungNeu">
                <div class="toolbar">
                    <h1>Neu</h1>
                    <a class="cancel reverse slide" href="#patient">Abbrechen</a>
                    <a class="done reverse slide" href="#patient">Fertig</a>
                </div>

                <form class="view">
                  <ul class="edit rounded">
                    <li><label for="verordnungsdatum">Datum</label><input type="date" placeholder="<Verordnungsdatum>"/></li>
                    <li>
                       <label for="status">Verordnungsstatus</label>
                        <select id="status">
                            <optgroup label="Aktiv">
                                <option value ="Neu" selected>Neu</option>
                                <option value ="Angemeldet">Angemeldet</option>
                                <option value ="Bewilligt">Bewilligt</option>
                            </optgroup>
                            <optgroup label="Inaktiv">
                                <option value ="Abgelehnt">Abgelehnt</option>
                                <option value ="Abgebrochen">Abgebrochen</option>
                                <option value ="Abgeschlossen">Abgeschlossen</option>
                            </optgroup>
                        </select>
                    </li>
                  </ul>

                  <h1>Patient</h1>
                  <ul class="edit rounded">
                      <li class="arrow"><a href="#patientenAuswahl" class="autotitle">Max Muster</a></li>
                  </ul>

                  <h1>Verordnender Arzt</h1>
                  <ul class="edit rounded">
                      <li class="arrow"><a href="#aerzteAuswahl" class="autotitle">Bitte wählen ...</a></li>
                  </ul>

                  <h1>Kostenträger</h1>
                  <ul class="edit rounded">
                      <li class="arrow"><a href="#kostentraegerAuswahl" class="autotitle"">Bitte wählen ...</a></li>
                      <li><label for="versichertennummer">Vers.-Nr.</label><input type="text" placeholder="<Vers.-Nr.>"/></li>
                  </ul>

                  <h1>Details</h1>
                  <ul class="edit rounded">
                    <li>
                       <label for="anzahl">Anzahl Behandlungen</label>
                        <select id="anzahl">
                                <option value ="2">Abklärung</option>
                                <option value ="9">1 x 9 Beh.</option>
                                <option value ="18">2 x 9 Beh.</option>
                                <option value ="27">3 x 9 Beh.</option>
                                <option value ="80">2 Jahre</option>
                                <option value ="40">Verl. 1 Jahr</option>
                            </optgroup>
                        </select>
                    </li>
                    <li>
                        <label for="serie">Zusätzliche Serie absehbar?</label><input type="checkbox" checked />
                    </li>
                    <li>
                       <label for="grund">Verordnungsgrund</label>
                        <select id="grund" placeholder="Bitte wählen ...">
                                <option value ="Krankheit">Krankheit</option>
                                <option value ="Unfall">Unfall</option>
                            </optgroup>
                        </select>
                    </li>
                    <li><label for="diagnose">Diagnose</label><input id="diagnose" type="text" placeholder="<Diagnose>"/></li>
                  </ul>
                  <ul class="edit rounded">
                    <li><label for="notizen">Notizen</label><textarea id="notizen" placeholder="<Notizen>"></textarea></li>
                  </ul>
                </form>
            </div>


            <div id="verordnungBearbeiten">
                <div class="toolbar">
                    <h1>Bearbeiten</h1>
                    <a class="cancel reverse slide" href="#patient">Abbrechen</a>
                    <a class="done reverse slide" href="#patient">Fertig</a>
                </div>

                <form class="view">
                  <ul class="edit rounded">
                    <li><label for="verordnungsdatum">Datum</label><input type="date" value="21.10.2011" placeholder="<Verordnungsdatum>"/></li>
                    <li>
                       <label for="status">Verordnungsstatus</label>
                        <select id="status" value="Bewilligt">
                            <optgroup label="Aktiv">
                                <option value ="Neu">Neu</option>
                                <option value ="Angemeldet">Angemeldet</option>
                                <option value ="Bewilligt" selected>Bewilligt</option>
                            </optgroup>
                            <optgroup label="Inaktiv">
                                <option value ="Abgelehnt">Abgelehnt</option>
                                <option value ="Abgebrochen">Abgebrochen</option>
                                <option value ="Abgeschlossen">Abgeschlossen</option>
                            </optgroup>
                        </select>
                    </li>
                  </ul>

                  <h1>Patient</h1>
                  <ul class="edit rounded">
                      <li class="arrow"><a href="#patientenAuswahl" class="autotitle">Max Muster</a></li>
                  </ul>

                  <h1>Verordnender Arzt</h1>
                  <ul class="edit rounded">
                      <li class="arrow"><a href="#aerzteAuswahl" class="autotitle">Dr. med. Max Bachmann</a></li>
                  </ul>

                  <h1>Kostenträger</h1>
                  <ul class="edit rounded">
                      <li class="arrow"><a href="#kostentraegerAuswahl" class="autotitle">Concordia Luzern</a></li>
                      <li><label for="versichertennummer">Vers.-Nr.</label><input type="text" value="123-225-588" placeholder="<Vers.-Nr.>"/></li>
                  </ul>

                  <h1>Details</h1>
                  <ul class="edit rounded">
                    <li>
                       <label for="anzahl">Anzahl Behandlungen</label>
                        <select id="anzahl">
                                <option value ="2">Abklärung</option>
                                <option value ="9">1 x 9 Beh.</option>
                                <option value ="18">2 x 9 Beh.</option>
                                <option value ="27" selected>3 x 9 Beh.</option>
                                <option value ="80">2 Jahre</option>
                                <option value ="40">Verl. 1 Jahr</option>
                            </optgroup>
                        </select>
                    </li>
                    <li>
                        <label for="serie">Zusätzliche Serie absehbar?</label><input type="checkbox" checked />
                    </li>
                    <li>
                       <label for="grund">Verordnungsgrund</label>
                        <select id="grund" placeholder="Bitte wählen ...">
                                <option value ="Krankheit">Krankheit</option>
                                <option value ="Unfall">Unfall</option>
                            </optgroup>
                        </select>
                    </li>
                    <li><label for="diagnose">Diagnose</label><input id="diagnose" type="text" value="ADHS"placeholder="<Diagnose>"/></li>
                  </ul>
                  <ul class="edit rounded">
                    <li><label for="notizen">Notizen</label><textarea id="notizen" placeholder="<Notizen>"></textarea></li>
                  </ul>
                </form>
            </div>


        </div>
    </body>
</html>
